<template>

  <componentTitle/>
  <div class="left">
    <partLeftOne></partLeftOne>
    <partLeftTwo></partLeftTwo>
    <part-left-three></part-left-three>
  </div>
  <div class="right">
    <partRightOne></partRightOne>
    <center></center>
    <partRightAll></partRightAll>
    <part-right-two></part-right-two>
    <part-right-three></part-right-three>
  </div>

</template>

<script setup>
import componentTitle from '@/components/title.vue'
import PartLeftOne from "@/views/nqdt/partLeftOne";
import PartLeftTwo from "@/views/nqdt/partLeftTwo";
import PartLeftThree from "@/views/nqdt/partLeftThree";
import PartRightOne from "@/views/nqdt/partRightOne";
import center from "@/views/nqdt/center";
import partRightAll from "@/views/nqdt/partRightAll";
import partRightTwo from "@/views/nqdt/partRightTwo";
import partRightThree from "@/views/nqdt/partRightThree";




</script>

<style  lang="scss" scoped>
.left{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  //overflow: hidden;
  background: #000000;
}
.right{
    width: 100%;
    height: 100%;
    width: 25%;
    height: calc(100% - 100px);
    margin: 70px 2% 30px 0;
    float: right;
}
</style>